<d-operable-tree
  #operableTree
  [tree]="data"
  [addable]="true"
  [editable]="true"
  [deletable]="true"
  [beforeAddNode]="beforeAddNode"
  [beforeDeleteNode]="beforeDeleteNode"
  [beforeEditNode]="beforeEditNode"
  [postAddNode]="postAddNode"
  (nodeDeleted)="onOperableNodeDeleted($event)"
  (nodeSelected)="onOperableNodeSelected($event)"
  (nodeToggled)="onOperableNodeToggled($event)"
  (nodeChecked)="onOperableNodeChecked($event)"
  (nodeEdited)="onOperableNodeEdited($event)"
  (editValueChange)="editValueChange($event)"
>
</d-operable-tree>
<d-button bsSize="sm" bsStyle="primary" (click)="addNode()" style="margin-right: 4px"> Add </d-button>
<d-button bsSize="sm" bsStyle="common" (click)="editNodeTitle()" style="margin-right: 4px">Edit </d-button>
<d-button bsSize="sm" bsStyle="common" (click)="deleteNode()">Delete </d-button>
